//by:jiyidel qq:380822670
//@import 'scss/_color';
//@import 'scss/panel';
$main-color:#00AAEE;
$main-bgcolor:#00AAEE;
$banner-bgcolor:#303036;
@import 'scss/mixin/mixin';
@import 'scss/mixin/buttons';
body,
th,
td,
button,
input,
select,
textarea {
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif,"\5B8B\4F53";
	font-size: 14px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a{
	color: #333333;
	text-decoration: none;
 
	&:hover{ 
		color: $main-color;
		text-decoration: none;
//		transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
	}
	&:focus{
		color: $main-color;
		text-decoration: none;
	}
	&:active{
		color: $main-color;
		text-decoration: none;
	}
}
//by sansanyun 
h1,h2,h3,h4,h5,h6,a,.text,.title{
  word-break: break-all;
  word-wrap: break-word;
}
//btn border
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: auto;
    outline: 0;
    outline-offset: 0;
}
//down
.dropdown-menu{
	border: 1px solid transparent;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.12),0 4px 15px 0 rgba(0,0,0,.1);
    margin-top: 9px!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	&>li{
		float: none!important;
		padding-right: 0!important;
		&>a {
		    padding: 8px 16px;
		    color: #6f6f6f;
		    text-decoration: none;
		    display: block;
		    clear: both;
		    font-weight: 300;
		    line-height: 18px;
		    white-space: nowrap;
		}
	}
 
	&:after {
	    position: absolute;
	    top: -7px;
	    right: 10px;
	    display: inline-block!important;
	    border-right: 7px solid transparent;
	    border-bottom: 7px solid #fff;
	    border-left: 7px solid transparent;
	    content: '';
	}
	&:before {
	    position: absolute;
	    top: -8px;
	    right: 9px;
	    display: inline-block!important;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid #efefef;
	    border-left: 8px solid transparent;
    	content: '';
	}
}

//panel reset bootstrap by sansanyun  why?this editor do not print zh

.panel-default>.panel-heading{
	background-color: #FFFFFF;
    border: 0;
}
.panel{
	border-radius: 3px;
	border: 0;
	-webkit-box-shadow: initial;
    box-shadow: inherit;
	.panel-heading{
		position: relative;
		padding: 15px 20px 0px 20px;
		h3{
		    margin: 0;
		    padding-bottom: 15px;
		    line-height: 16px;
		    font-size: 16px;
		    font-weight: 500;
		    color: #333;
		    border-bottom: 1px solid #EFEFEF;
			span{
				color: #BABABA;
			    font-size: 13px;
			}
		}
		.right{
			position:absolute;
			right: 20px;
			top: 12px;
			font-size: 13px;
			padding: 1px 5px;
			border: 1px solid transparent;
			line-height: 1.5;
			&:hover{
				border-radius: 3px;
				background-color: #eef1f5;
				color: #333;
			}
		}
		.btn-xs{
			position:absolute;
			right: 20px;
			top: 12px;
			font-size: 13px;
		}
	}
	.panel-body{
		padding: 15px 20px 15px 20px;
		.panel-body-title{
	        padding: 0;
	        min-height: 48px;
	        h3{
		    	margin: 0;
			    padding-bottom: 15px;
			    line-height: 16px;
			    font-size: 16px;
			    font-weight: 500;
			    color: #333;
			    border-bottom: 1px solid #EFEFEF;
	        }
	        label{
		        color: #333;
		        padding: 10px 0;
		        font-size: 16px;
		        font-weight: 500;
		        float: left;
		        display: inline-block;
		        line-height: 18px;
	        }
	    }
	}
}

//table 


.table-default {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    > .table {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 0;
        background-color: #fff;

        > thead > tr > th,
        > tbody > tr > th,
        > tfoot > tr > th,
        > tfoot > tr > th,
        > tfoot > tr > td {
            white-space: nowrap;
        }
    }
    > .table-bordered {
        border: 0;

    > thead > tr > th:first-child,
        > tbody > tr > th:first-child,
        > tfoot > tr > th:first-child,
        > thead > tr > td:first-child,
        > tbody > tr > td:first-child,
        > tfoot > tr > td:first-child {
          border-left: 0;
        }

        > thead > tr > th:last-child,
        > tbody > tr > th:last-child,
        > tfoot > tr > th:last-child,
        > thead > tr > td:last-child,
        > tbody > tr > td:last-child,
        > tfoot > tr > td:last-child {
          border-right: 0;
        }

        > thead > tr:last-child > th,
        > tbody > tr:last-child > th,
        > tfoot > tr:last-child > th,
        > thead > tr:last-child > td,
        > tbody > tr:last-child > td,
        > tfoot > tr:last-child > td {
          border-bottom: 0;
        }
    }
}

.table {
    td,
    th {
        font-size: 14px;
    }

	&.table-bordered {
        thead > tr > th {
            border-bottom: 0;
	   }
    }

	td .img-responsive  {
		width:100%;
	}
}

.table.table-light {
    border: 0 !important; 

    > thead {
        > tr {
            &:hover {
                > th {
                    background: none;
                }
            }

            &.uppercase {
                text-transform: uppercase;
            }

            > th {
                font-weight: 600;
                font-size: 13px;
                color: darken(#B5BFC4, 12%);  
                border: 0;
                border-bottom:1px solid #F2F5F8; 
            }
        }
    }

    > tbody {
        > tr {
            &:last-child {
                > td {
                    border: 0;
                }
            }

            > td {
                border: 0;
                border-bottom:1px solid #F2F5F8;   
                color: darken(#AAB4BB, 12%);
                vertical-align: middle;

                &.user {
                    width: 40px;
                    padding-right: 0px;
                }

                .avatar {
                    display: inline-block;
                    vertical-align: middle;
                    height: 30px;
             		border-radius: 50%!important;
                }
            }
        }
    }

    &.table-hover > tbody > tr {
        > td:hover,
        > th:hover, 
        &:hover > td,
        &:hover > th { 
            background: lighten(#94A0B2, 34%);
        }
    }
}

//code block list and time in a line by sansanyun
.list-time{
	line-height: 30px;
	position: relative;
	@include clearfix();
	a{	
		float: left;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-right: 80px;
    	width: 100%;
	}
	time{
		position: absolute;
		right: 0;
		color: #BABABA;
	}
}
//input border color
$input-border-color:#c2cad8;
.form-control{
  border: 1px solid $input-border-color;
  box-shadow: none!important;
}
.input-group{
  .btn{
    border: 1px solid $input-border-color;
  }
  select{
    height: 34px;
  }
}
//editor reset by:jiyidel QQ:380822670
#message{
  height: 380px;
  width: 100%;
  border: 0;
}
.mce-tinymce.mce-container.mce-panel{
//border: 1px solid $input-border-color!important;
  border-radius: 4px;
}
.mce-tinymce.mce-container.mce-panel{border-bottom: 0!important;}
.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item{
  border-right: 1px solid $input-border-color!important;
  border-left: 1px solid $input-border-color!important;
  padding-right: 1px;
}
.mce-toolbar-grp.mce-container.mce-panel.mce-stack-layout-item.mce-first{
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid $input-border-color!important;
}
.mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: 1px solid $input-border-color!important;
  border-left: 1px solid $input-border-color!important;
  border-bottom: 1px solid $input-border-color!important;
}
//btn 

$brand-primary:         #00aaee !default; // #337ab7
$brand-success:         #32c5d2 !default;
$brand-info:            #21a9e1 !default;
$brand-info-1:          #3598dc !default;
$brand-warning:         #f3c200 !default;
$brand-danger:          #e7505a !default;


$btn-font-weight:                normal !default;

$btn-default-color:              #666 !default;
$btn-default-bg:                 #fff !default;
$btn-default-border:             #eef1f5 !default;

$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $brand-primary !default;
$btn-primary-border:             $btn-primary-bg !default;

$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             $btn-success-bg !default;

$btn-info-color:                 #fff !default;
$btn-info-bg:                    $brand-info !default;
$btn-info-border:                darken($btn-info-bg, 5%) !default;

$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $brand-warning !default;
$btn-warning-border:             darken($btn-warning-bg, 5%) !default;

$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $brand-danger !default;
$btn-danger-border:              darken($btn-danger-bg, 5%) !default;



.btn-default {
  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
}
.btn-primary {
  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
}
// Success appears as green
.btn-success {
  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
}
// Info appears as blue-green
.btn-info {
  @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
}
// Warning appears as orange
.btn-warning {
  @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
}
// Danger and error appear as red
.btn-danger {
  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
}
